﻿<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0"/>
<meta charset="utf-8">
<title>Rain CSS > Mobile</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/rain.css" type="text/css" media="screen, projection,handheld"/>
</head>

<body class="body">
  <div class="headerBlue">
  	<nav class="lsn posr clearfix">
    	<a href="http://www.webdevelopmentmachine.com" target='_blank' class="headerLink headerLinkBlue tac fl l ib wf-33 tdn">首页home</a>
    	<a href="http://www.webdevelopmentmachine.com/blog" target='_blank' class="headerLink headerLinkBlue tac fl l ib wf-33 tdn">博客blog</a>
    	<a href="http://www.webdevelopmentmachine.com/demo/game.html" target='_blank' class="headerLink headerLinkBlue tac fl l ib wf-33 tdn">游戏game</a>
    </nav>
  </div>
	<div class="headerM headerGrey">
  	<div class="container posr">
    	<div><a class="tdn block ptll fsxxl" href="index.html">Rain CSS</a></div>
    </div>
  </div>
  
	<div class="container marginTop"> 
    <div class="content">
    	<div class="sidebar posr l">
        <div class="sidebox">
          <h2 class="category">Web Design and Applications</h2>
          <ul class="theme listStyleNo last">
            <li>
            <a href="#" style="width:180px; display:block; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;">Math on the Web Math on the WebMath on the WebMath on the WebMath on the Web</a>
            </li>
            <li><a href="#">Privacy</a></li>
            <li><a href="#">Mobile Web</a></li>
            <li><a href="#">Internationalization</a></li>
            <li><a href="#">Accessibility</a></li>
            <li><a href="#">Audio and Video</a></li>
            <li><a href="#">Graphics</a></li>
            <li><a href="#">Scripting and Ajax</a></li>
            <li><a href="#">HTML &amp; CSS</a></li> 
          </ul> 
        </div>
        
      </div>
      
      <div class="main mainRight posr">
      	<div class="entry mainBox">  
          <h1 class="entryTitle">HTML &amp; CSS</h1>
          <p><a href="#">ran</a> 发表于 , 分类:<a href="#"></a>, Tips, <a href="#">6条评论 »</a>,10次阅读</p> 
          <p>HTML (the Hypertext Markup Language) and CSS  (Cascading Style Sheets) are two of the core technologies 
          for building Web pages. HTML provides the structure of the page, CSS the (visual and aural) layout, for a 
          variety of devices. Along with graphics and scripting, HTML and CSS are the basis of building Web pages and 
          Web Applications. Learn more below about:</p>
					<h2>What is HTML?</h2>
        </div>
        
        <div class="relativeArticle mainBox">
          <h2 class="commonTitle">相关文章</h2>
          <ul>
            <li><a href="#">aaaaaaaaaaaaaaa</a></li>
            <li><a href="#">aaaaaaaaaaaaaaa</a></li>
            <li><a href="#">aaaaaaaaaaaaaaa</a></li> 
          </ul> 
        </div>
        
        <div class="comments mainBox">
          <h2 class="commonTitle">文章评论</h2>
          <ol class="commentsList">
            <li>
              <p class=""><a href="#">rain</a> 在 17 日 之前 说：</p>
              <p>demo</p> 
            </li> 
          </ol>
        </div>
        
        <div class="addComment mainBox">
          <h2 class="commonTitle">发表评论</h2>
          <form action="" method="post" id="commonform" class="commonform">
            <p class="bottom"><input type="text" name="username"/><span>呢称</span></p>
            <p class="bottom"><input type="text" name="email"/><span>邮件</span></p>
            <p class="bottom"><input type="text" name="website"/><span>网站</span></p>
            <p class="bottom"><textarea name="comment" id="comment_text" cols="20" rows="5"></textarea></p>
            <p><input type="submit" value="OK" name="submit" id="comment_submit"/></p>
          </form>
        </div>
        
      </div> 

    <footer class="footer socialFooter c borderTop">
      <p class="ps">Maintained by the <a href="https://github.com/rainzhai" class="blue">RainZhai</a>.</p>
      <p class="ps">Code licensed under <a rel="license" class="blue" href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, documentation under <a rel="license"  class="blue" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p> 
    </footer>  
    </div>
  </div>
</body>
</html>
